<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
</head>

<body>

    <header>
        <div class="w1 me-info-t">
            <div class="me-info mt5">
                <div class="me-picture mr5">
                    <img src="../img/dog.jpg" alt="" id="mypic">
                </div>

                <p class="id-name" id="nickName">已经慢慢淡忘</p>
            </div>
            <div class="sign mt5 mb5">
                <span>个性签名:</span> &nbsp;&nbsp;&nbsp;&nbsp;
                <span id="sign">别迷恋哥,哥只是一个传说!</span>
            </div>
        </div>

<main class="all-infos">
    <div class="mine-all">

        <div class="motion-data pd10 ">
            <span class="pic-m  iconfont icon-sportdata col-skl mr3"></span>
            <p class="">运动数据</p>
            <span class="m-goto iconfont icon-houtui1" id="sportsData"></span>
        </div>

        <div class="motion-info">

            <div class="all-time ml5">
                <p>总运动</p>
                <div>
                    <span class="fs40 col-skl" id="allMin">99999</span>
                    分钟
                </div>
            </div>


            <div class="consume-all mb5">
                <p>本周消耗</p>
                <div>
                    <span class="fs40 col-skl" id="allKro">99999</span>
                    千卡
                </div>
            </div>
        </div>




        <div class="motion-badge mt5">
            <div class="my-badge dfs pd10">
                <span class="iconfont icon-xunzhang col-skl mr3"></span>
                <span>我的运动徽章</span>
                <a href="./myBadge.html" class="iconfont icon-houtui1 lastone" id="badge"></a>
            </div>

            <div class="p-badge mb5">
                <div>
                    <img src="../img/getbadge01.jpg" alt="">
                </div>
                <div>
                    <img src="../img/getbadge02.jpg" alt="">
                </div>
                <div>
                    <img src="../img/getbadge01.jpg" alt="">
                </div>
            </div>
        </div>


        <div class="login-out mt5 mb5 col-skl" id="loginout">
            退出登录
        </div>

    </div>



</main>


    </header>






    <footer class="w1 table-footer">
        <div class="checkout" id="mIndex">
            <span class="iconfont icon-home fs32"></span>
            <span>首页</span>
        </div>

        <div id="exercise">
            <span class="iconfont icon-aixinfengxian fs32
"></span>
            <span>运动</span>
        </div>

        <div id="mine">
            <span class="iconfont icon-wode fs32"></span>
            <span>我的</span>
        </div>
    </footer>



</body>

</html>